import React, { ReactNode } from 'react';
import { Tag } from 'antd';

interface IVTagGroupProps {
  tags: ReactNode[];
  color: string;
  extra?: { [key: string]: any };
}
const VTagGroup: React.FC<IVTagGroupProps> = props => {
  const { tags = [], color } = props;
  console.log(tags);
  return (
    <div className="v-tag-group-wrapper">
      {tags.map(item => {
        return (
          <Tag color={color} {...props.extra}>
            {item}
          </Tag>
        );
      })}
    </div>
  );
};

export default VTagGroup;
